<template>
  <div class="container">
    <div class="header">
      <i class="el-icon-collection"></i>
      <span>树轮成果管理</span>
    </div>
    <div class="content">
      <div class="left">
        <div class="title">
          <h1>树木年轮碳氢氧稳定同位素在全球气候变化研究中的应用</h1>
          <p>原创作品 分类：同位素 版权： </p>
          <p> 7777  7777  3333  3333  10天前</p>
        </div>
        <div class="middle">
          <p>
            树木年轮中的碳（C）、氢（H）、氧（O）稳定同位素，是指其原子核中质子数相同但中子数不同的原子形式。这些同位素在自然界中含量极低，但其在树木生长过程中会因环境因子的影响而发生分馏，形成特定的同位素比值，这一特性使得它们成为研究气候变化的有力工具。稳定同位素的分析通常通过质谱仪进行，利用同位素丰度比值的差异来反映树木生长过程中的气候信息。树木年轮中的碳、氢、氧同位素能够记录树木生长过程中受到的气候变化信息。例如，碳同位素（δ¹³C）的变化主要受光合作用过程中气孔导度和CO₂浓度的控制，反映了植物对大气CO₂的吸收效率。而氢和氧同位素（δ¹⁸O和δD）则主要反映了水源的同位素特征以及蒸腾作用过程中的分馏效应，与降水、湿度和温度等环境因子密切相关。
          </p>
          <img alt="" src="../../assets/images/tree.svg" />
        </div>
        <div class="footer">
          <div class="footer-p">
            <p> 同位素  树木年轮</p>
            <p> 发布于 07-07 12:00</p>
          </div>
          <div class="footer-btn">
            <el-button icon="el-icon-thumb" type="primary">点赞</el-button>
          </div>
        </div>
      </div>
      <div class="right">
        <div>
          <h2>尚明华</h2>
          <p>最重要的是开心</p>
          <el-row>
            <el-button icon="el-icon-thumb" type="primary">关注</el-button>
            <el-button icon="el-icon-thumb" type="">私信</el-button>
          </el-row>
        </div>
        <div>

        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "treeRing",
  components: {},
  data() {
    return {
      formInline: {
        user: "",
        region: "",
      },
      tableData: [
        {
          serial: "IDM0001",
          numbering: "IDM0001-GNS",
          codename: "GNS",
          name: "巩乃斯林场林中",
          address: "中国新疆伊犁河流域巩乃斯林场",
          data: "2005-05-29",
          personnel: "袁玉江，张同文",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "84°38'16.3",
          latitude: "43°14'35.8",
        },
        {
          serial: "IDM0002",
          numbering: "IDMO002-BYG",
          codename: "BYG",
          name: "白杨河下",
          address: "中慿国新疆东天山木垒林场",
          data: "2007-09-07",
          personnel: "范子昂",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "90°27'75.5",
          latitude: "43.36'92",
        },
        {
          serial: "IDM0001",
          numbering: "IDM0001-GNS",
          codename: "GNS",
          name: "巩乃斯林场林中",
          address: "中国新疆伊犁河流域巩乃斯林场",
          data: "2005-05-29",
          personnel: "袁玉江，张同文",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "84°38'16.3",
          latitude: "43°14'35.8",
        },
        {
          serial: "IDM0002",
          numbering: "IDMO002-BYG",
          codename: "BYG",
          name: "白杨河下",
          address: "中慿国新疆东天山木垒林场",
          data: "2007-09-07",
          personnel: "范子昂",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "90°27'75.5",
          latitude: "43.36'92",
        },
        {
          serial: "IDM0001",
          numbering: "IDM0001-GNS",
          codename: "GNS",
          name: "巩乃斯林场林中",
          address: "中国新疆伊犁河流域巩乃斯林场",
          data: "2005-05-29",
          personnel: "袁玉江，张同文",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "84°38'16.3",
          latitude: "43°14'35.8",
        },
        {
          serial: "IDM0002",
          numbering: "IDMO002-BYG",
          codename: "BYG",
          name: "白杨河下",
          address: "中慿国新疆东天山木垒林场",
          data: "2007-09-07",
          personnel: "范子昂",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "90°27'75.5",
          latitude: "43.36'92",
        },
        {
          serial: "IDM0001",
          numbering: "IDM0001-GNS",
          codename: "GNS",
          name: "巩乃斯林场林中",
          address: "中国新疆伊犁河流域巩乃斯林场",
          data: "2005-05-29",
          personnel: "袁玉江，张同文",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "84°38'16.3",
          latitude: "43°14'35.8",
        },
        {
          serial: "IDM0002",
          numbering: "IDMO002-BYG",
          codename: "BYG",
          name: "白杨河下",
          address: "中慿国新疆东天山木垒林场",
          data: "2007-09-07",
          personnel: "范子昂",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "90°27'75.5",
          latitude: "43.36'92",
        },
        {
          serial: "IDM0001",
          numbering: "IDM0001-GNS",
          codename: "GNS",
          name: "巩乃斯林场林中",
          address: "中国新疆伊犁河流域巩乃斯林场",
          data: "2005-05-29",
          personnel: "袁玉江，张同文",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "84°38'16.3",
          latitude: "43°14'35.8",
        },
        {
          serial: "IDM0002",
          numbering: "IDMO002-BYG",
          codename: "BYG",
          name: "白杨河下",
          address: "中慿国新疆东天山木垒林场",
          data: "2007-09-07",
          personnel: "范子昂",
          leader: "尚华明",
          species: "雪岭云杉(Picea schrenkiana )",
          longitude: "90°27'75.5",
          latitude: "43.36'92",
        },
      ],
      currentPage4: 4,
    };
  },
  created() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.container {
  // padding: 1rem;
  background: #fff;
  margin-top: 1.5rem;
}

.header {
  height: 4rem;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  color: rgb(7, 46, 82);
  font-size: 24px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* 添加阴影 */
  background: #fff;
  /* 确保背景为白色 */
}

.content {
  margin: 5rem 2rem;
  border: #eceaeae8 1px solid;
  padding: 0 10rem 3rem 20rem;
  display: flex;
  overflow: hidden;
  .left {
    width: 60%;
    border: #ccc4c4e8 1px solid;
    border-top: none;
    margin-right: 25px;
    .title {
      border-bottom: 1px solid rgb(234, 227, 227);
      padding-left: 2rem;
    }
    .middle {
      padding: 1rem;
      border-bottom: 1px solid rgb(234, 227, 227);
      text-align: center;
    }
    .middle p {
      max-width: 80%;
      margin: auto;
    }
    .footer {
      padding: 1rem;
      .footer-p {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }
      .footer-btn {
        display: flex;
        align-items: center;
        justify-content: center;
      }

    }
  }
  .right {
    width: 20%;
    padding: 1rem;
    border: #ccc4c4e8 1px solid;
    border-top: none;
  }
}

.block {
  display: flex;
  gap: 16px; /* Adjust gap to your preference */
  margin-top: 20px;
}

/* 这部分是增加按钮圆角的样式 */
.el-button {
  border-radius: 5px;
  /* 增大圆角 */
}

.el-button--primary {
  border-radius: 5px;
  /* 确保主要按钮也有相同的圆角 */
}
</style>
